
<section class="head">
  <!-- 头部 -->
 <div class="sy_outnav">
     <div class="nav">
      <el-row>
        <el-col :span="8">
          <router-link to="/login" tag="p">请登陆</router-link>
         
        </el-col>
        <el-col :span="9">&nbsp;</el-col>
      
        <el-col :span="7">
          <div class="grid-content bg-purple">
                <a href="javascript:void(0)"> <router-link to="/companycenter" tag="span">企业中心</router-link></a>
                <a href="javascript:void(0)">
                  <span>服务中心：400-800-8900</span>
                </a>
                <a href="javascript:void(0)">
                  <span>网站导航</span>
                </a>
          </div>
        </el-col>
      </el-row>
     </div>
 </div>
 <!-- 头部搜索 -->
 <div class="head_con">


<div class="header-box">
        <div class="sy_head">
          <el-row>
            <el-col :span="11">
          <img src="../../assets/img/logo.png" alt="">
            </el-col>
            <el-col :span="1"></el-col>
            <el-col :span="12">
                <ul class="syle_lok">
                  <li class="lok_active">找产品</li>
                  <li>找技术</li>
                  <li>找客户</li>
                </ul>
                <div class="head_serch">
                  <input type="text" name="" value="" placeholder="请输入分类，牌号、厂商、公司">
                  <button type="" class="head_btn" icon="el-icon-search"></button>
                </div>
                <ul class="head_comp">
              
                  <li>道恩集团</li>
                  <li>拉丝PP</li>
                  <li>注塑PP</li>
                  <li>共聚纤维PP</li>
                  <li>低压PP</li>
                  <li>工程塑料</li>
                  <li>橡胶甲醛</li>
                  <li>线性高压</li>
                </ul>
            </el-col>
          </el-row>
        </div>
        <div class="head_cnav">
          <el-row>
            <el-col :span="4">
               <h2>贴心服务</h2>
           
            </el-col>
            <el-col :span="2">&nbsp;
          
            </el-col>
            <el-col :span="17">
                <ul class="head_compn">
                  <router-link tag="li" to="/home" class="item">首页</router-link>
                  <router-link tag="li" to="/support">自营商城</router-link>
                  <router-link tag="li" to="/finance">塑云金融</router-link>
                  <router-link tag="li" to="/customer">客户资源</router-link>
                  <router-link tag="li" to="/expert">技术专家</router-link>
                  <router-link tag="li" to="/Information">资讯中心</router-link>
                  <router-link tag="li" to="">竞价专区</router-link>
                  <router-link tag="li" to="/property">物性库</router-link>
                 
                </ul>
            </el-col>
              <div class="service">
                 <div class="ser_left">
                      <div  @click="switchaser(1)" class="ser_find" :class="{seractive:switchaser=='1'}">
                          <img src="../../assets/img/icon-pro.png" alt="" v-show="show1">
                          <img src="../../assets/img/findproduct_2.png"  v-show="show2" alt="">
                          <span>找产品</span>
                      </div>
                      <div class="ser_find" :class="{seractive:switchaser=='2'}" @click="switchaser(2)">
                            <img src="../../assets/img/findmoney_2.png" alt="" v-show="show3">
                          <img src="../../assets/img/icon-mon.png" alt="" v-show="show4">
                          <span>找资金</span>
                      </div>
                      <div class="ser_find" :class="{seractive:switchaser=='3'}" @click="switchaser(3)">
                              <img src="../../assets/img/findcourse_2.png" alt="" v-show="show5">
                        <img src="../../assets/img/icon-cust.png" alt="" v-show="show6">
                          <span>找客户</span>
                      </div>
                      <div class="ser_find" :class="{seractive:switchaser=='4'}" @click="switchaser(4)">
                              <img src="../../assets/img/findtechnology_2.png" alt="" v-show="show7">
                               <img src="../../assets/img/icon-tec.png" alt="" v-show="show8">
                          <span>找技术</span>
                      </div>
                 </div>
                 <div class="ser_content">
                   <!-- 产品模块 -->
                   <div class="ser_item" :class="{show:serStarus===1}">产品模块</div>
                   <!-- 资金模块 -->
                   <div class="ser_item"  :class="{show:serStarus===2}">资金模块</div>
                   <!-- 客户模块 -->
                   <div class="ser_item"  :class="{show:serStarus===3}">客户</div>
                   <!-- 技术模块 -->
                   <div class="ser_item"  :class="{show:serStarus===4}">技术模块</div>
                 </div>
              </div>
          </el-row>
          

        </div>
</div>
</div>
</section>

